.light {
    /*

    Name:       Base16 Default Light
    Author:     Chris Kempson (http://chriskempson.com)

    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)

*/

    .cm-s-base16-light.CodeMirror {
        background: #f5f5f5;
        color: #202020;
    }

    .cm-s-base16-light div.CodeMirror-selected {
        background: #e0e0e0;
    }

    .cm-s-base16-light .CodeMirror-line::selection,
    .cm-s-base16-light .CodeMirror-line>span::selection,
    .cm-s-base16-light .CodeMirror-line>span>span::selection {
        background: #e0e0e0;
    }

    .cm-s-base16-light .CodeMirror-line::-moz-selection,
    .cm-s-base16-light .CodeMirror-line>span::-moz-selection,
    .cm-s-base16-light .CodeMirror-line>span>span::-moz-selection {
        background: #e0e0e0;
    }

    .cm-s-base16-light .CodeMirror-gutters {
        background: #f5f5f5;
        border-right: 0px;
    }

    .cm-s-base16-light .CodeMirror-guttermarker {
        color: #ac4142;
    }

    .cm-s-base16-light .CodeMirror-guttermarker-subtle {
        color: #b0b0b0;
    }

    .cm-s-base16-light .CodeMirror-linenumber {
        color: #b0b0b0;
    }

    .cm-s-base16-light .CodeMirror-cursor {
        border-left: 1px solid #505050;
    }

    .cm-s-base16-light span.cm-comment {
        color: #8f5536;
    }

    .cm-s-base16-light span.cm-atom {
        color: #aa759f;
    }

    .cm-s-base16-light span.cm-number {
        color: #aa759f;
    }

    .cm-s-base16-light span.cm-property,
    .cm-s-base16-light span.cm-attribute {
        color: #90a959;
    }

    .cm-s-base16-light span.cm-keyword {
        color: #ac4142;
    }

    .cm-s-base16-light span.cm-string {
        color: #f4bf75;
    }

    .cm-s-base16-light span.cm-variable {
        color: #90a959;
    }

    .cm-s-base16-light span.cm-variable-2 {
        color: #6a9fb5;
    }

    .cm-s-base16-light span.cm-def {
        color: #d28445;
    }

    .cm-s-base16-light span.cm-bracket {
        color: #202020;
    }

    .cm-s-base16-light span.cm-tag {
        color: #ac4142;
    }

    .cm-s-base16-light span.cm-link {
        color: #aa759f;
    }

    .cm-s-base16-light span.cm-error {
        background: #ac4142;
        color: #505050;
    }

    .cm-s-base16-light .CodeMirror-activeline-background {
        background: #DDDCDC;
    }

    .cm-s-base16-light .CodeMirror-matchingbracket {
        color: #f5f5f5 !important;
        background-color: #6A9FB5 !important
    }
}


.dark {
    .bytemd-dark {
        /*
  
      Name:       Base16 Default Dark
      Author:     Chris Kempson (http://chriskempson.com)
  
      CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
      Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
  
  */

        .cm-s-base16-dark.CodeMirror {
            background: #151515;
            color: #e0e0e0;
        }

        .cm-s-base16-dark div.CodeMirror-selected {
            background: #303030;
        }

        .cm-s-base16-dark .CodeMirror-line::selection,
        .cm-s-base16-dark .CodeMirror-line>span::selection,
        .cm-s-base16-dark .CodeMirror-line>span>span::selection {
            background: rgba(48, 48, 48, .99);
        }

        .cm-s-base16-dark .CodeMirror-line::-moz-selection,
        .cm-s-base16-dark .CodeMirror-line>span::-moz-selection,
        .cm-s-base16-dark .CodeMirror-line>span>span::-moz-selection {
            background: rgba(48, 48, 48, .99);
        }

        .cm-s-base16-dark .CodeMirror-gutters {
            background: #151515;
            border-right: 0px;
        }

        .cm-s-base16-dark .CodeMirror-guttermarker {
            color: #ac4142;
        }

        .cm-s-base16-dark .CodeMirror-guttermarker-subtle {
            color: #505050;
        }

        .cm-s-base16-dark .CodeMirror-linenumber {
            color: #505050;
        }

        .cm-s-base16-dark .CodeMirror-cursor {
            border-left: 1px solid #b0b0b0;
        }

        .cm-s-base16-dark.cm-fat-cursor .CodeMirror-cursor {
            background-color: #8e8d8875 !important;
        }

        .cm-s-base16-dark .cm-animate-fat-cursor {
            background-color: #8e8d8875 !important;
        }

        .cm-s-base16-dark span.cm-comment {
            color: #8f5536;
        }

        .cm-s-base16-dark span.cm-atom {
            color: #aa759f;
        }

        .cm-s-base16-dark span.cm-number {
            color: #aa759f;
        }

        .cm-s-base16-dark span.cm-property,
        .cm-s-base16-dark span.cm-attribute {
            color: #90a959;
        }

        .cm-s-base16-dark span.cm-keyword {
            color: #ac4142;
        }

        .cm-s-base16-dark span.cm-string {
            color: #f4bf75;
        }

        .cm-s-base16-dark span.cm-variable {
            color: #90a959;
        }

        .cm-s-base16-dark span.cm-variable-2 {
            color: #6a9fb5;
        }

        .cm-s-base16-dark span.cm-def {
            color: #d28445;
        }

        .cm-s-base16-dark span.cm-bracket {
            color: #e0e0e0;
        }

        .cm-s-base16-dark span.cm-tag {
            color: #ac4142;
        }

        .cm-s-base16-dark span.cm-link {
            color: #aa759f;
        }

        .cm-s-base16-dark span.cm-error {
            background: #ac4142;
            color: #b0b0b0;
        }

        .cm-s-base16-dark .CodeMirror-activeline-background {
            background: #202020;
        }

        .cm-s-base16-dark .CodeMirror-matchingbracket {
            text-decoration: underline;
            color: white !important;
        }
    }
}